<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>开通微信支付</title>

    <!-- css -->
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/yz-sm.min.css"/>
    <link rel="stylesheet" href="../lib/swiper.min.css"/>
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css"/>
</head>

<body>
    <div class="page-group">
        <div class="page open-wcpay" id="weixinOpenStep1Page4Wangshang">
            <div class="scroll-view">

                <ul class="header">
                    <li class="left"><a class="external back"><i class="zhk-nav_back"></i>返回</a></li>
                    <li class="middle">开通收款账户</li>
                    <li class="right disabled"><a class="external" href="javascript:void(0);" name="nextStep">下一步</a></li>
                </ul>

                <div class="page-body">

                    <div class="step current">

                        <!-- 进度 -->
                        <div class="process-wrap">
                            <div class="process-bar">
                                <div class="inner" style="width:0%;"></div>
                            </div>
                            <div class="circles">
                                <span class="zhk-navi_circle active"></span>
                                <span class="zhk-navi_circle"></span>
                                <span class="zhk-navi_circle"></span>
                            </div>
                            <div class="text">
                                <span class="active">基础信息</span>
                                <span>收款账户信息</span>
                                <span>提交开通申请</span>
                            </div>
                        </div>

                        <!-- 表单 -->
                        <div class="form-wrapper">

                            <!-- 基础信息 -->
                            <ul>
                                <li>
                                    <span>门店名称</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写门店名称" required name="shopName" maxlength="64"/>
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <li>
                                    <span>简称</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写简称" required name="shortShopName" maxlength="64"/>
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <li>
                                    <span>商户类型</span>
                                    <div class="select-list" name="merchantType">
                                        <i class="zhk-list_rarrow"></i>
                                        <input type="hidden"/>
                                    </div>
                                </li>
                                <li>
                                    <span>经营类目</span>
                                    <div class="select-list" name="businessRange">
                                        <i class="zhk-list_rarrow"></i>
                                        <input type="hidden">
                                    </div>

                                </li>
                                <li>
                                    <span>客服电话</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写客服电话" required name="hotline" maxlength="20"/>
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <!-- <li>
                                    <span>企业法人</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写法人姓名" required name="bossName"/>
                                        <i class=" zhk-list_gb"></i>
                                    </div>
                                </li> -->
                            </ul>

                            <!-- 负责人信息 -->
                            <div class="form-title">负责人</div>
                            <ul>
                                <li>
                                    <span>负责人</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写负责人姓名" required name="principalName" maxlength="64"/>
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <li>
                                    <span>手机号</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写负责人手机号" required name="principalMobile" maxlength="11" />
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <li>
                                    <span>身份证号码</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写负责人身份证号码" required name="principalCard" maxlength="18"/>
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <div class="id-card">
                                    <div>身份证照片</div>
                                    <ul>
                                        <li class="picture" name="frontPicture" uploadType="01">
                                            <div class="upload-before">
                                                <i class="zhk-list-create"></i>
                                            </div>
                                            <div class="upload-after">
                                                <i class=" zhk-list_gb"></i>
                                                <img src="">
                                            </div>
                                            <p>身份证（正面）</p>
                                        </li>
                                        <li class="picture" name="backPicture" uploadType="02">
                                            <div class="upload-before">
                                                <i class="zhk-list-create"></i>
                                            </div>
                                            <div class="upload-after">
                                                <i class=" zhk-list_gb"></i>
                                                <img src="" alt="">
                                            </div>
                                            <p>身份证（背面）</p>
                                        </li>
                                    </ul>
                                </div>
                            </ul>

                            <!-- 营业执照信息 -->
                            <div class="form-title" name="licenseTitle">营业执照</div>
                            <ul>
                                <li>
                                    <span>工商注册号</span>
                                    <div>
                                        <input type="text" class="input-active-name" placeholder="请填写工商注册号" required name="registerNumber" maxlength="18"/>
                                        <i class="zhk-list_gb"></i>
                                    </div>
                                </li>
                                <div class="license">
                                    <div>营业执照照片</div>
                                    <ul>
                                        <li class="picture" name="businessLicense" uploadType="03">
                                            <div class="upload-before">
                                                <i class="zhk-list-create"></i>
                                            </div>
                                            <div class="upload-after">
                                                <i class=" zhk-list_gb"></i>
                                                <img src="" alt="">
                                            </div>
                                            <p>营业执照照片</p>
                                        </li>
                                    </ul>
                                </div>
                                <div class="license">
                                    <div>开户许可证照片</div>
                                    <ul>
                                        <li class="picture" name="accountLicense" uploadType="05">
                                            <div class="upload-before">
                                                <i class="zhk-list-create"></i>
                                            </div>
                                            <div class="upload-after">
                                                <i class=" zhk-list_gb"></i>
                                                <img src="" alt="">
                                            </div>
                                            <p>开户许可证照片</p>
                                        </li>
                                    </ul>
                                </div>
                            </ul>

                            <div class="protocol-wrap">
                                <div class="check-box checked"><i class="zhk-detail_select"></i></div>
                                <div class="protocol-link">
                                    同意<a href="weixin_protocal_one_wangshang.html">《商户移动支付业务服务合同》</a>、
                                    <a href="weixin_protocal_two_wangshang.html">《收单服务协议》</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- js -->
    <script src="../lib/zepto.min.js" charset="utf-8"></script>
    <script src="../lib/yz-sm.min.js" charset="utf-8"></script>
    <script src="../lib/template.js" charset="utf-8"></script>
    <script src="../lib/swiper.min.js" charset="utf-8"></script>
    <script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js" charset="utf-8"></script>

    <script src="../base/base.js" charset="utf-8"></script>
    <script src="../js/main.js" charset="utf-8"></script>

</body>
</html>
